/* 旋转 */
@keyframes next-design-rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* 从底部往上滑 */
@keyframes next-design-up {
    from {
        transform: translate3d(0, 100%, 0);
        opacity: 0.3;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

/* 微微往上滑 */
@keyframes next-design-upbit {
    from {
        transform: translate3d(0, 15px, 0);
        opacity: 0.3;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

/* 从最顶部往下滑入 */
@keyframes next-design-down {
    from {
        transform: translate3d(0, -100%, 0);
        opacity: 0.3;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

/* 微微往下滑 */
@keyframes next-design-downbit {
    from {
        transform: translate3d(0, -5px, 0);
        opacity: 0.3;
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

/* 放大 */
@keyframes next-design-scale {
    0% {
        transform: scale(0.5);
        opacity: 0.3;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* 弹簧式放大 */
@keyframes next-design-scale-spring {
    0% {
        transform: scale(0.5);
        opacity: 0.5;
    }

    80% {
        transform: scale(1.1);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* 缩小 */
@keyframes next-design-scalesmall {
    0% {
        transform: scale(1.5);
        opacity: 0.3;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* 弹簧式放小 */
@keyframes next-design-scalesmall-spring {
    0% {
        transform: scale(1.5);
        opacity: 0.3;
    }

    80% {
        transform: scale(0.9);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* 渐显 */
@keyframes next-design-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/* 渐隐 */
@keyframes next-design-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}